<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>ReadMore</title>

	<link href="hover-readmore.css" rel="stylesheet">
</head>
<body>
<div class="demo-content">
	<h2 class="title">
		<a href="http://www.hnldesign.nl/blog/9-sites-die-u-misschien-gemist-heeft/" title="Read '9 sites die u misschien gemist heeft.'" class="taphover" itemprop="url">
			<span class="readmore">Read&nbsp;</span>9 sites die u misschien gemist heeft.
		</a>
	</h2>
</div>
<p>
<ol>
	<li>Use max-width and transition</li>
	<li>set max-width: 50% when hover parent tag a;</li>
</ol>
</p>
</body>
</html>